@charset "UTF-8";

@import "base/base";
@import "img";

body {
    font: $b-font-weight #{$b-font-size}/#{$b-line-height} $b-font-family;
    color: $c-text;
    a {
        text-decoration: none;
        color: nth($c-link, 1);
        &:hover {
            // text-decoration: underline;
            color: nth($c-link, 2);
        }
    }
}

// Coding...
header{

}
.videoBox{
    height: 1.8rem;
    background-color: #000;
}
.videoOwnerInfoWrap{
    @include clearFix;
    padding: .1rem .12rem;
    .videoOwnerInfo-portrait{
        float: left;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
    }
    .videoOwnerInfo{
        width: 70%;
        float: left;
        margin-left: .1rem;
        margin-top: 0.1rem;
        .videoOwnerInfo-name{
            color: #333333;
            font-size: 14px;
            @include clearFix;
            p{
                float: left;
            }
            .playtimes{
                float: left;
                display: block;
                font-size: 14px;
                color: #ff488d;
                position: relative;
                margin-left: 35px;
                &:after{
                    content: '';
                    position: absolute;
                    top: 0;
                    left: -20px;
                    @extend %base64-fire.png;
                    width: 20px;
                    height: 20px;
                }
            }
        }
        .videoOwnerInfo-desc{
            color: #2F2F2F;
            font-size: 12px;
            line-height: 2;
        }
    }
}
.outapp-tips{
    padding: .05rem .15rem 0;
    position: fixed;
    width: 100%;
    height: .5rem;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #fff;
    @include clearFix;
    box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.1);
    .idolLogoWrap{
        float: left;
        img{
            width: .4rem;
        }
        .idolLogo-text{
            margin-left: .05rem;
            float: right;
            font-size: 14px;
            margin-top: .1rem;
            // .idolLogo-text-bold{
            //     font-size: 15px;
            //     font-weight: bold;
            //     color: #000;
            // }
        }
        
    }
    .openApp-btn{
        display: block;
        width: 1rem;
        height: .32rem;
        line-height: .32rem;
        border-radius: .16rem;
        color: #fff;
        font-size: .15rem;
        background-color: #FB2C91;
        text-align: center;
        float: right;
        margin-top: .05rem;
        // margin-right: .35rem;
    }
    // .outapp-tips-btn{
    //     display: block;
    //     position: absolute;
    //     top: 50%;
    //     right: .15rem;
    //     transform: translateY(-50%);
    //     @extend %base64-close.png;
    //     width: 18px;
    //     height: 18px;
    // }
}